<script setup>
const emits = defineEmits(['createDir'])
  const handleCreateDir = () => {
    emits('createDir')
  }
</script>

<template>
  <div class="no-data">
    <i class="iconfont icon-zanwuneirong"></i>
    <p>暂无内容，请先创建内容</p>
    <el-button type="primary" @click="handleCreateDir">创建文件夹</el-button>
  </div>
</template>

<style scoped lang="scss">
  .no-data{
    position: relative;
    padding: 3rem 0;
    text-align: center;
    color: var(--el-text-color-disabled);
    .iconfont{
      opacity: 0.7;
      font-size: 4rem;
    }
    p{
      opacity: 0.7;
      padding-top: 1.2rem;
      padding-bottom: 1.2rem;
      font-size: 0.8rem;
    }
  }
</style>